<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="80"
    height="80"
    viewBox="0 0 80 80"
    fill="none"
  >
    <g opacity="1" transform="translate(0 0)  rotate(0)">
      <mask id="mask-0" fill="white">
        <path d="M2 80L78 80C79.1 80 80 79.1 80 78L80 2C80 0.9 79.1 0 78 0L2 0C0.9 0 0 0.9 0 2L0 78C0 79.1 0.9 80 2 80Z"></path>
      </mask>
      <g mask="url(#mask-0)">
        <path
          id="矩形 5"
          fill-rule="evenodd"
          :style="{ fill: props.backgroundColor }"
          opacity="1"
          d="M2 80L78 80C79.1 80 80 79.1 80 78L80 2C80 0.9 79.1 0 78 0L2 0C0.9 0 0 0.9 0 2L0 78C0 79.1 0.9 80 2 80Z"
        ></path>
      </g>
      <g mask="url(#mask-0)">
        <g opacity="1" transform="translate(20 20)  rotate(0)">
          <path
            id="圆形 1"
            fill-rule="evenodd"
            :style="{ fill: props.color }"
            opacity="0.1"
            d="M23.1353 0C13.8254 0 6.27539 7.64 6.27539 17.06C6.27539 26.49 13.8254 34.13 23.1353 34.13C32.4553 34.13 40.0053 26.49 40.0053 17.06C40.0053 7.64 32.4553 0 23.1353 0Z"
          ></path>
          <g opacity="1" transform="translate(0 2.87493896484375)  rotate(0)">
            <path
              id="圆形 1"
              fill-rule="evenodd"
              style="fill: #ffffff"
              opacity="1"
              d="M17.2557 1.58698C9.45573 1.58698 3.13574 8.33698 3.13574 16.667C3.13574 24.997 9.45573 31.747 17.2557 31.747C25.0457 31.747 31.3757 24.997 31.3757 16.667C31.3757 8.33698 25.0457 1.58698 17.2557 1.58698Z"
            ></path>
            <path
              id="路径 1"
              fill-rule="evenodd"
              :style="{ fill: props.color }"
              opacity="1"
              d="M13.34,13.4801c0,0 1.5999,-3.74003 4.1799,-3.84003c1.47,0.31 4.05,1.71003 4.4,3.72003zM7.93997,19.2601c0.44,1.1 1.1,2.09 1.92,2.92c1.01003,1.04 2.24003,1.83 3.60003,2.3c-2.58,2.14 -4.79003,1.75 -5.52003,0.6c-0.72,-1.14 -0.83999,-3.09 0,-5.82zM16.8599,0.00006c9.31,0 16.87,7.65001 16.87,17.06004c0,9.42 -7.56,17.07 -16.87,17.07c-9.29993,0 -16.8599,-7.65 -16.8599,-17.07c0,-9.41003 7.55997,-17.06004 16.8599,-17.06004zM24.8199,4.49006c-2.28,0.02001 -4.49,0.79001 -6.3,2.18001c-0.48,-0.07 -0.96,-0.11 -1.44,-0.12c-3.1399,-0.24 -6.1799,1.22 -7.98993,3.82003c-0.91,1.32 -1.49,2.85 -1.69,4.44c1.26,-3.22 4.04003,-5.58003 7.38993,-6.28003c-3.0799,2.33003 -5.59993,5.34003 -7.36993,8.79003c-0.14,0.23 -0.26999,0.47 -0.36999,0.72c-2.4,6.02 -0.42,8.63 1.37999,9.06c2.25003,0.28 4.49003,-0.66 5.87003,-2.48c2.5199,0.54 5.1399,0.28 7.4999,-0.73c2.08,-0.86 3.62,-2.67 4.15,-4.87h-5.33c0,0 -0.5,2 -4.28,1.95c-3.7799,-0.05 -4.6399,-4.27 -4.6399,-4.27h14.4999c0.09,-2.25 -0.49,-4.47 -1.68,-6.38c-1.1,-1.55003 -2.62,-2.73003 -4.39,-3.41003c0.8,-0.48 1.68,-0.81 2.6,-0.97c1.69,-0.43 2.53,0.05 2.94,0.73c1.04,1.69 0,5.60003 0,5.60003c0.58,-0.83 1.03,-1.75 1.31,-2.73003c0.35,-1.59 0.54,-4.63 -2.16,-5.05001z"
            ></path>
          </g>
        </g>
      </g>
    </g>
  </svg>
</template>
<script setup lang="ts" name="NET_MANAGEMENTSvg">
const props = defineProps({
  color: {
    type: String,
    required: false
  },
  backgroundColor: {
    type: String,
    required: false
  }
});
</script>
